.my-order .nav{background-color:#fff;width:100%;height:110rpx;border-radius:6rpx;margin:0 auto;}
.my-order .nav .item{text-align:center;font-size:32rpx;color:#282828;padding:29rpx 0;}
.my-order .nav .item.on{font-weight:bold;border-bottom:5rpx solid #e93323;}
.my-order .nav .item .num{margin-top:18rpx;}
.my-order .list{width:100%;margin:14rpx auto 0 auto;}
.my-order .list .item{background-color:#fff;border-radius:6rpx;margin-bottom:14rpx;}
.my-order .list .item .title{height:84rpx;padding:0 30rpx;border-bottom:1rpx solid #eee;font-size:30rpx;color:#282828;}
.my-order .list .item .title .sign{font-size: 24rpx;padding: 0 7rpx;height: 36rpx;margin-right: 15rpx;}
.my-order .list .item .item-info{padding:20rpx 30rpx;margin-top:22rpx;}
.my-order .list .item .item-info .pictrue{width:120rpx;height:120rpx;}
.my-order .list .item .item-info .pictrue image{width:100%;height:100%;border-radius:6rpx;}
.my-order .list .item .item-info .text{width:540rpx;font-size:30rpx;color:#999;margin-top:6rpx;}
.my-order .list .item .item-info .text .name{width:390rpx;color:#282828;}
.my-order .list .item .item-info .text .money{text-align:right;}
.my-order .list .item .totalPrice{font-size:26rpx;color:#282828;text-align:right;margin:27rpx 0 0 30rpx;padding:0 30rpx 30rpx 0;border-bottom:1rpx solid #eee;}
.my-order .list .item .totalPrice .money{font-size:28rpx;font-weight:bold;}
.my-order .list .item .bottom{height:107rpx;padding:0 30rpx;}
.my-order .list .item .bottom .bnt{width:176rpx;height:60rpx;text-align:center;line-height:60rpx;color:#fff;border-radius:50rpx;font-size:27rpx;}
.my-order .list .item .bottom .bnt.cancelBnt{border:1rpx solid #ddd;color:#aaa;}
.my-order .list .item .bottom .bnt~.bnt{margin-left:17rpx;}

.order-details .header{padding:0 30rpx;height:150rpx;}
.order-details .header.on{background-color:#666!important;}
.order-details .header .pictrue{width:110rpx;height:110rpx;}
.order-details .header .pictrue image{width:100%;height:100%;}
.order-details .header .data{display: flex;align-items: center;color:rgba(255,255,255,0.8);font-size:24rpx;margin-left:27rpx;}
.order-details .header .data.on{margin-left:0;}
.order-details .header .data .state{font-size:30rpx;font-weight:bold;color:#fff;margin-bottom:7rpx;}
.order-details .header .data .time{margin-left:20rpx;}
.order-details .address{font-size:26rpx;color:#868686;background-color:#fff;margin-top:13rpx;padding:35rpx 30rpx;}
.order-details .address .name{font-size:30rpx;color:#282828;margin-bottom:15rpx;}
.order-details .address .name .phone{margin-left:40rpx;}
.order-details .line{width:100%;height:3rpx;}
.order-details .line image{width:100%;height:100%;display:block;}
.order-details .wrapper{background-color:#fff;margin-top:12rpx;padding:30rpx;}
.order-details .wrapper .item{font-size:32rpx;color:#282828;}
.order-details .wrapper .item~.item{margin-top:20rpx;font-size:32rpx;}
.order-details .wrapper .item .conter{font-size:32rpx;color:#868686;width:460rpx;text-align:right;}
.order-details .wrapper .item .conter .copy{font-size:20rpx;color:#333;border-radius:3rpx;border:1rpx solid #666;padding:3rpx 15rpx;margin-left:24rpx;}
.order-details .wrapper .actualPay{border-top:1rpx solid #eee;margin-top:30rpx;padding-top:30rpx;}
.order-details .wrapper .actualPay .money{font-weight:bold;font-size:30rpx;}
.order-details .footer{align-items: center;justify-content: flex-end;width:100%;height:100rpx;position:fixed;bottom:0;left:0;background-color:#fff;padding:0 30rpx;box-sizing:border-box;}
.order-details .footer .bnt{width:158rpx;height:60rpx;text-align:center;line-height:60rpx;border-radius:50rpx;color:#fff;font-size:27rpx;}
.order-details .footer .bnt.cancel{color:#aaa;border:1rpx solid #ddd;}
.order-details .footer .bnt~.bnt{margin-left:18rpx;}
.order-details .writeOff {background-color: #fff;margin-top: 13rpx;padding-bottom: 30rpx;}
.order-details .writeOff .title {font-size: 30rpx;color: #282828;height: 87rpx;
  border-bottom: 1px solid #f0f0f0;padding: 0 30rpx;line-height: 87rpx;}
.order-details .writeOff .grayBg {background-color: #f2f5f7;width: 590rpx;height: 384rpx;
  border-radius: 20rpx 20rpx 0 0;margin: 50rpx auto 0 auto;padding-top: 55rpx;}
.order-details .writeOff .grayBg .pictrue {width: 290rpx;height: 290rpx;margin: 0 auto;}
.order-details .writeOff .grayBg .pictrue image {width: 100%;height: 100%;display: block;}
.order-details .writeOff .gear {width: 590rpx;height: 30rpx;margin: 0 auto;}
.order-details .writeOff .gear image {width: 100%;height: 100%;display: block;}
.order-details .writeOff .num {background-color: #f0c34c;width: 590rpx;height: 84rpx;
  color: #282828;font-size: 48rpx;margin: 0 auto;border-radius: 0 0 20rpx 20rpx;
  text-align: center;padding-top: 4rpx;}
.order-details .writeOff .rules {margin: 46rpx 30rpx 0 30rpx;border-top: 1px solid #f0f0f0;
  padding-top: 10rpx;}
.order-details .writeOff .rules .item {margin-top:20rpx;}
.order-details .writeOff .rules .item .rulesTitle {font-size: 28rpx;color: #282828;}
.order-details .writeOff .rules .item .rulesTitle .iconfont {font-size: 30rpx;color: #333;
  margin-right: 8rpx;margin-top: 5rpx;}
.order-details .writeOff .rules .item .info {font-size: 28rpx;color: #999;margin-top:7rpx;}
.order-details .writeOff .rules .item .info .time {margin-left: 20rpx;}
.order-details .map {height: 86rpx;font-size: 30rpx;color: #282828;line-height: 86rpx;
  border-bottom: 1px solid #f0f0f0;margin-top: 13rpx;background-color: #fff;
  padding: 0 30rpx;}
.order-details .map .place {font-size: 26rpx;width: 176rpx;height: 50rpx;border-radius: 25rpx;line-height: 50rpx;text-align: center;}
.order-details .map .place .iconfont {font-size: 27rpx;height: 27rpx;line-height: 27rpx;
  margin: 2rpx 3rpx 0 0;}
.order-details .address .name .iconfont {font-size: 34rpx;margin-left: 10rpx;}
.order-details .contactCustomer{width:100%;height:86rpx;font-size:30rpx;text-align:center;line-height:86rpx;background-color:#fff;}
.order-details .contactCustomer .iconfont{font-size:34rpx;margin-right: 14rpx;}
.bg-color{background-color:#e93323!important;}
.orderGoods{background-color:#fff;margin-top:12rpx;}
.orderGoods .total{width:100%;height:86rpx;padding:0 30rpx;border-bottom:2rpx solid #f0f0f0;font-size:30rpx;color:#282828;line-height:86rpx;}
.goodWrapper .item{margin-left:30rpx;padding-right:30rpx;border-bottom:2rpx solid #f0f0f0;height:180rpx;}
.goodWrapper .item .pictrue{width:130rpx;height:130rpx;}
.goodWrapper .item .pictrue image{width:100%;height:100%;border-radius:6rpx;}
.goodWrapper .item .text{width:537rpx;position:relative;}
.goodWrapper .item .text .name{font-size:28rpx;color:#282828;width:453rpx;}
.goodWrapper .item .text .num{font-size:26rpx;color:#868686;}
.goodWrapper .item .text .attr{font-size:20rpx;color:#868686;margin-top:7rpx;}
.goodWrapper .item .text .money{font-size:26rpx;margin-top:17rpx;}
.goodWrapper .item .text .evaluate{position:absolute;width:114rpx;height:46rpx;border:1rpx solid #bbb;border-radius:4rpx;text-align:center;line-height:46rpx;right:0;bottom:-5rpx;}
.goodWrapper .item .text .evaluate.userEvaluated{font-size:26rpx;color:#aaa;background-color:#f7f7f7;border-color:#f7f7f7;}
